<!DOCTYPE html>
<html>
<head>
	<title>Trebuchet, An Online Stategy Game</title>
	
	<meta charset="UTF-8">
	<meta name="keywords" content="Trebuchet world domination strategy game">
	<meta name="description" content="Trebuchet, an online strategy game">
	
	<link rel="stylesheet" type="text/css" href="css/master.css">
</head>
<body id="Home">

<header>
	<div>
		<h1><a href="index.html">Trebuchet <small>Alpha</small></a></h1>
		<nav>
			<ul>
			 <li><a class="zing" href="gamesetup.html">PLAY NOW!</a></li>
			 <li><a href="base.html">About the Game</a></li>
			 <li><a href="base.html">How to Play</a></li>
			 <li><a href="maint.html">Register</a></li>
			 <li><a href="signout.html">Sign In</a></li>
			</ul>
		</nav>
		<div class="clear"></div>
	</div>
</header>

<!-- Wrapper -->
<div id="Wrapper">

	<!-- Login & Registration -->
	<section id="Action">
		
		<!-- Login -->
		<form id="Login" action="">
			<p><label for="l-username">Email:</label>
			<input id="l-username" type="text"></p>
			
			<p><label for="l-password">Password:</label>
			<input id="l-password" type="text"></p>
			
			<p><input id="SignIn" type="submit" value="Sign In"></p>
			
			<p class="sm"><a href="">Forgot password?</a></p>
		</form>
		<!-- / Login -->

		<!-- Registration -->
		<form id="Register" action="">
			<h2>Join Up!</h2>
			<p><label for="r-username">Username:</label>
			<input id="r-username" type="text"></p>
			
			<p><label for="r-password">Password:</label>
			<input id="r-password" type="text"></p>
			
			<p><label for="r-password2">Confirm Password:</label>
			<input id="r-password2" type="text"></p>
			
			<p><input id="Register" type="submit" value="Register"></p>
		</form>
		<!-- / Registration -->

	</section>
	<!-- / Login & Registration -->

	<!-- Promo Content -->
	<section id="HomeContent">

		<!-- Promo -->
		<div id="Promo">
			<h2>Build An Army.</h2>
			<h2>Destory Your Enemies.</h2>
			<h2>Conquer The World.</h2>
			
			<p>Trebuchet is an online, map-based strategy game. Sign up, choose your battleground, and challenge your friends or random opponents in a game of world domination.
			<br>
			<a class="zing" href="play.html">Get Started Now!</a>
			<br class="clear-left"></p>
		</div>
		<!-- / Promo -->
		
		<!-- Spotlights -->
		<div id="Spotlights">
			<h3>Amazing Features</h3>
			<div class="spot left">
				<h4>Awesome Maps</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium pulvinar varius.</p>
			</div>
			
			<div class="spot right">
				<h4>Amazing Features</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium pulvinar varius.</p>
			</div>
			<div class="clear"></div>
		</div>
		<!-- / Spotlights -->

	</section>
	<!-- / Promo Content -->
	
	<div class="clear"></div>

	<footer>
		&copy;2012 Algonquin Studios
	</footer>

</div>
<!-- / Wrapper -->

</body>
</html>